<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>

<script type="text/javascript" src="../js/controller/room/RM006.js" ></script>

<div id="container">
	<div id="content">
		<div class="warpper">
			
			<table class="from" style="width: 100%;">
				<tr>
					<td class="header2" style="border-bottom: 1px #bbb solid;">Criteria</td>
				</tr>
			</table>
			<form action="" method="post" name="main">
			<table class="from" style="width: 100%;" >
				<tr>
					<td class="header">Tower </td>
						<td><select id="tower">
						</select></td>

						<td class="header">Floor </td>
						<td><select id="floor"></select></td>

						<td class="header">Unit </td>
						<td><select id="unit"></select></td>

						<td class="header">Address </td>
						<td><select id="address"></select></td>
				</tr>
				
				<tr >
					<td class="header">Card No. </td>
					<td><input id="cardNo" placeholder="Card No." type="text"  ></td>
					<td class="header">User No. </td>
					<td><input id="userNo"   placeholder="User No." type="text"  ></td>
					<td class="header">Status </td>
					<td><select id="roomStatus"></select></td>
					<td colspan="2"></td>
				</tr>
			</table>
		
			
			<center>
				<table>
					<tr  align="right" >
                    	<button type="button" class="btn btn-info btn-default"  onclick="RM006.getSearch();"><i class="fa fa-search"></i> Search</button>
					</tr>
					<tr >&nbsp</tr>
					<tr align="left">
						<button type="reset" id="btnClear"  class="btn btn-info btn-default" ><i class="fa fa-refresh"></i> Clear</button>
					</tr>
					
				</table>
			</center>
		</form>	
		
			<table class="from" cellpadding="0" cellspacing="0" border="0" style="width: 100%;">
				<tr>
					<td colspan="9" class="header2" style="border-bottom: 1px #bbb solid;">Detail</td>
				</tr> 
				<tr>
					<td colspan="9">
						<button type="button" class="btn btn-success" onclick="location='RM006A'"><i class="fa fa-plus"></i>&nbsp;&nbsp;New</button>
					</td>
				</tr>
			</table>
<!-- 		Grid	 -->
				<table id="dataTable" cellpadding="2" cellspacing="0" border="0" class="display" >
					<thead >
					<tr>
							<th style="text-align: center;"></th>
							<th style="text-align: center;">Card No.</th>
							<th style="text-align: center;">User No.</th>
							<th style="text-align: center;">Status</th>
							<th style="text-align: center;">Tower</th>
							<th style="text-align: center;">Unit</th>
							<th style="text-align: center;">Floor</th>
							<th style="text-align: center;">Unit</th>
							<th style="text-align: center;">Addr</th>
					</tr>
					</thead>
				</table>
<!-- 	end	Grid	 -->
		</div>
	</div>
</div>
<script type="text/javascript">
	function clearVal() {
		$(":input:text").val('');
	}
</script>
